<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/bootstrap4.5.min.css">
    <title>电器网站</title>
    <style>
        li {
            list-style: none;
        }
        
        ul {
            margin: 0;
            padding: 0;
        }
        
        .row {
            margin: 0;
            width: 100%;
        }
        
        @media (min-width:576px) {
            .container {
                max-width: 576px;
                padding: 0;
            }
        }
        
        @media (min-width:768px) {
            .container {
                max-width: 768px;
                padding: 0;
            }
        }
        
        @media (min-width:992px) {
            .container {
                max-width: 992px;
                padding: 0;
            }
        }
        
        @media (min-width:1200px) {
            .container {
                max-width: 1200px;
                padding: 0;
            }
        }
        
        .appliance_list_img img {
            width: 100%;
        }
        
        .appliance_list_box h3 {
            margin-top: 130px;
        }
        
        .appliance_list_box h6 {
            color: #999999;
        }
        
        .appliance_list_box p {
            margin-top: 50px;
            font-size: 14px;
            line-height: 30px;
        }
        
        .appliance_list_box_img img {
            width: 80%;
        }
        
        .appliance_list_box_img img:nth-child(2) {
            margin: 30px 0;
        }
        
        .appliance_list {
            padding: 80px 0;
        }
        
        .appliance {
            background: url('img/appliance/beijin.jpg') no-repeat;
        }
        
        @media(max-width:1200px) {
            .appliance_list_box_img img {
                width: 100%;
            }
            .appliance_list_box h3 {
                margin-top: 10px;
            }
            .appliance {
                background: none;
            }
        }
        
        @media(max-width:992px) {
            .appliance_list_box_img img {
                width: 100%;
            }
            .appliance_list_box h3 {
                margin-top: 50px;
            }
        }
    </style>
</head>

<body>
    <div class="appliance">
        <div class="container">
            <div class="appliance_list">
                <ul class="row">
                    <li class="col-lg-5 col-md-5 col-12">
                        <div class="appliance_list_img">
                            <img src="img/appliance/img1.webp" alt="">
                        </div>
                    </li>
                    <li class="col-lg-7 col-md-7 col-12">
                        <div class="appliance_list_box">
                            <h3>OTHER电器网站</h3>
                            <h6>ELECTRICAL WEBSITE</h6>
                            <p>一直坚持提供优质产品和服务，在产品制造与研发创新的重要课题上，艾美特团队也从未携带。艾美特于2015年发布全新品牌策略一“舒适环境 为您智造”在行业内首推优质空气整合系统</p>
                            <div class="appliance_list_box_img">
                                <img src="img/appliance/img4.webp" alt="">
                                <img src="img/appliance/img2.webp" alt="">
                                <img src="img/appliance/img3.webp" alt="">
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</body>

</html>